﻿@model IEnumerable<kmaraszkiewicz.Models.Project>
@foreach (var item in Model) {
    <div class="projects-lists row-fluid project-hidden" style="margin-bottom: 0;">
        <div class="span7">
              <h2 style="display:inline;" >@item.Title</h2> 
              <a class="btn btn-details project-open" href="#">View details »</a> 
              <a class="btn btn-details project-close" style="display: none;" href="#">Close details »</a>
              <div class="project-content content">
                @Html.Raw(item.Description)
              </div>
        </div><!--/span-->
        <div class="span5">
            <div class="carousel slide span12 pull-right" style="max-height: 250px;" id="slideProject-@item.ProjectId">
                <div class="carousel-inner">
                <div class="item active">
                    <img src="@Url.Content(item.Photos[0].Directory)" style="max-height: 300px;"/>
                </div>
                @for (int index = 1; index < item.Photos.Count; index++)
                {
                    <div class="item">
                        <img src="@Url.Content(item.Photos[index].Directory)" style="max-height: 300px;"/>
                    </div>
                }
                </div>
                <a data-slide="prev" href="#slideProject-@item.ProjectId" class="left carousel-control">‹</a>
                <a data-slide="next" href="#slideProject-@item.ProjectId" class="right carousel-control">›</a>
            </div>
        </div><!--/span-->
    </div>
    <hr style="margin-top: 0;" />
}
